<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>16.10.DOM-事件高级-键盘事件对象-判断用户按了哪个键-l练习：模拟京东按键输入内容</title>
</head>
<!-- 模拟京东按键输入内容 -->
<!-- 当按下s键，光标就定位到搜索框 -->
<!-- 1.核心思路：检测用户是否按下s键，如果按下s键，就把光标定位到搜索框里面 -->
<!-- 2.使用键盘事件对象 keyCode 判断用户按下的是否为s键 -->
<!-- 搜索框获得焦点：使用js里面的focus（）方法 -->

<body>
    <input type="text" name="" id="">
    <script>
        var search = document.querySelector('input');
        document.addEventListener('keyup', function (e) {
            // console.log(e.keyCode);  // 自己先测试下s的ASCII码值是 83
            if (e.keyCode === 83) {
                search.focus();
            }
        })
    </script>
</body>

</html>